
$("#one2").click(function(){
    $(".phone_register").css({"display":"block"});
    $(".email_register").css({"display":"none"});
    $("#one1").css({"background-color":"white","color":"black"});
    $("#one2").css({"background-color":"#4CCDC2","color":"white"});
})
$("#one1").click(function(){
    $(".email_register").css({"display":"block"});
    $(".phone_register").css({"display":"none"});
    $("#one1").css({"background-color":"#4CCDC2","color":"white"});
    $("#one2").css({"background-color":"white","color":"black"});
})

// 注册
require(["config"], function(){
	require(["jquery"], function($){
		// 加载验证码
		function loadCode(){
			$.get("http://route.showapi.com/932-2?showapi_appid=70865&showapi_sign=8b40c22c47b34a8081c717f68499a06d", function(data){
				$(".code").attr("src", data.showapi_res_body.image);
				$(".code").data("sid", data.showapi_res_body.sid);
			}, "json");
		}
		loadCode();
		$(".code").click(loadCode);

		// 输入完毕校验验证码是否正确
		$(".email_register .input_code").on("blur", function(){
			const _input = $(this).val(),
				_sid = $(".code").data("sid");
			$.getJSON(`http://route.showapi.com/932-1?showapi_appid=70865&showapi_sign=8b40c22c47b34a8081c717f68499a06d&checkcode=${_input}&sid=${_sid}`, function(data){
				if (data.showapi_res_body.valid) {
					$(".code_info").text("√");
				} else {
					$(".code_info").text("验证码输入错误");
				}
			})
		});
		// 校验手机注册页验证码
		$(".input_code").on("blur", function(){
			const _input = $(this).val(),
				_sid = $(".code").data("sid");
			$.getJSON(`http://route.showapi.com/932-1?showapi_appid=70865&showapi_sign=8b40c22c47b34a8081c717f68499a06d&checkcode=${_input}&sid=${_sid}`, function(data){
				if (data.showapi_res_body.valid) {
					$(".code_info").text("√");
				} else {
					$(".code_info").text("验证码输入错误");
				}
			})
			
		});
		$(".input_code_phone").on("blur", function(){
			const _input = $(this).val(),
				_sid = $(".code").data("sid");
			$.getJSON(`http://route.showapi.com/932-1?showapi_appid=70865&showapi_sign=8b40c22c47b34a8081c717f68499a06d&checkcode=${_input}&sid=${_sid}`, function(data){
				if (data.showapi_res_body.valid) {
					$(".code_info2").text("√");
				} else {
					$(".code_info2").text("验证码输入错误");
				}
			})
			
		});
		// email_register
		$(".btn_reg").on("click", function(){
			if($(".phone_register").css("display") === "none"){
				if(($(".email_register .email").val() === "") || ($(".email_register .password").val() === "") || ($(".email_register .input_code").val() === "")){
					alert("信息不能为空");
					return;
				};
				if(($(".email_register .password").val()) != ($(".email_register ._confirm_pw").val())){
					alert("两次密码输入不一致，请确认！");
					return;
				}
				if($(".email_register .code_info").text() ==="验证码输入错误"){
					return;
				}
			}
			// 获取注册需要向服务器接口提交的数据
			const data = $(".form_reg").serialize();
			// ajax 访问注册API接口
			$.post("http://localhost/api/register.php", data, function(data){
				console.log(data);
				if (data.res_code === 1) {
					alert("用户注册成功");
					location = "/html/login.html";
				} else {
					alert("用户名重复");
					return;
				}
			}, "json");
		});
		// phone_register
		$(".phone").on("blur", function(){
			var myreg =  /^1[3|5|8][0-9]\d{8}$/;
			if(!myreg.test($(".phone").val())){
				alert("请输入有效的手机号码!")
				return;
			}
		});
		$(".email").on("blur", function(){
			var myreg =  /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
			if(!myreg.test($(".email").val())){
				alert("请输入有效的邮箱地址!")
				return;
			}
		});
		$(".btn_reg_phone").on("click", function(){
			if($(".email_register").css("display") === "none"){
				if(($(".phone").val() === "") || ($(".phone_register .password").val() === "") || ($(".phone_register .input_code").val() === "")){
					alert("信息不能为空");
					return;
				};
				if(($(".phone_register .password").val()) != ($(".phone_register ._confirm_pw").val())){
					alert("两次密码输入不一致，请确认！");
					return;
				}
				if($(".phone_register .code_info").text() ==="验证码输入错误"){
					return;
				}	
			}
			
			// 获取注册需要向服务器接口提交的数据
			const data = $(".form_reg_phone").serialize();
			// ajax 访问注册API接口
			$.post("http://localhost/api/register_phone.php", data, function(data){
				console.log(data);
				if (data.res_code === 1) {
					alert("用户注册成功");
					location = "/html/login.html";
				} else {
					alert("用户名重复");
					return;
				}
			}, "json");
		});
	});
});


